<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>客户端配置</title>
	<link href="https://cdn.jsdelivr.net/npm/feidao-css/feidao.css" type="text/css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../css/iconfont-web.css">
	<link rel="stylesheet" type="text/css" href="../css/daokes-web.css">
</head>

<body>
	<div class="pos-r ht100-per w100-per">
		<!-- 左侧菜单 start -->
		<div class="pos-a pos-t0 pos-l0 pos-b0 bg-e" style="width:160px;">
			放置左侧菜单
		</div>
		<!-- 左侧菜单 end -->
		<!-- 右侧 start -->
		<div style="padding-left:166px;">
			<!-- 右侧顶部 start -->
			<div class="bg-c" style="height: 50px;">顶部</div>
			<!-- 右侧顶部 end -->
			<!-- content start -->
			<div class="p20 border-b-1">
				<h3>客户端配置</h3>
				<div class="font14">
					<div class="display-ib ht30 l-ht30">
						<span>产品ID：</span><span class="display-ib" style="width:200px;">flippedelclass</span>
					</div>
					<div class="display-ib ht30 l-ht30" style="padding-left:20px;">
						<span>产品名称：</span><span class="display-ib" style="width:200px;">翻转课堂</span>
					</div>
					<div class="display-ib ht30 l-ht30" style="padding-left:20px;">
						<span>产品经理：</span><span class="display-ib" style="width:200px;">韩会超</span>
					</div>
				</div>
			</div>
			<div class="p20 display-ib ">
				<div class="ht40 l-ht40 font14" style="margin: 5px 0;">
					<input type="button" value="新增端点" class="btn-hov fr" />
				</div>
				<div class="overflow-x-a overflow-y-a">
					<!-- 表格 start -->
					<div style="margin-top: 10px;width: 534px;">
						<!--表头 start -->
						<div class="border-t-1 border-l-1 border-b-1 font12 t_title" style="background:#F8FAFC;">
							<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:100px;">端点id
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">端点类型
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:200px;">操作
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div data-feidao-presentation="P02" class="border-l-1 font12 t_body">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:100px;">1
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
								 title="">h5
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
								 title="">
									<span class="color-theme cursor-p" style="margin: 0 5px;">删除</span>
								</span>
							</div>
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30" style="width:100px;">1
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
								 title="">h5
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:200px;"
								 title="">
									<span class="color-theme cursor-p" style="margin: 0 5px;">删除</span>
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->
				</div>
			</div>
			<!-- content end -->
		</div>
		<!-- 右侧 end -->
	</div>

	<!-- 新增端点弹窗 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="width:425px;padding-top:200px;padding-bottom:30px;margin:0 auto;">
			<div class="bg-f radius-4 overflow-h">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>新增端点
				</div>
				<form class="p20">
					<div class="ht40 l-ht40 ">
						<input type="button" value="确定" class="btn-hov fr" />
					</div>
					<!-- 表格 start -->
					<div style="margin-top: 10px;width: 384px;min-height: 200px;">
						<!--表头 start -->
						<div class="border-t-1 border-l-1 border-b-1 font12 t_title" style="background:#F8FAFC;">
							<span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:50px;">
								<input type="checkbox">
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">端点id
							</span><span class="display-ib p5 border-r-1 vertical-a-t text-c ht30 l-ht30" style="width:150px;">端点类型
							</span>
						</div>
						<!--表头 end-->
						<!-- 表体 start -->
						<div data-feidao-presentation="P02" class="border-l-1 font12 t_body">
							<div class="tableRow">
								<span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:50px;"
								 title=""><input type="checkbox">
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">1
								</span><span class="display-ib p5 border-r-1 border-b-1 vertical-a-t text-c ht30 l-ht30 overflow-h" style="width:150px;"
								 title="">h5
								</span>
							</div>
						</div>
						<!-- 表体 end -->
					</div>
					<!-- 表格 end -->
				</form>
			</div>
		</div>
	</div>
	<!-- 新增端点弹窗 end -->


	<!-- 提示 start -->
	<div class="bg-black-rgba6 pos-f pos-t0 pos-r0 pos-b0 pos-l0 overflow-y-a ht100-per w100-per font14 display-n" style="z-index:99;">
		<div style="width:340px;padding-top:200px;padding-bottom:30px;margin:0 auto;">
			<div class="bg-f radius-4 overflow-h">
				<div class="bg-f4 font14 bg-theme color-f" style="height: 40px;line-height: 40px;padding-left: 10px;">
					<i class="icon iconfont icon-close fr text-c cursor-p font18" style="width:40px;" title="close"
					 data-feidao-actions="click:eu-001"></i>提示
				</div>
				<form class="p20">
					<div class="ht40 l-ht40 text-c font14">
						<span>是否删除当前选中数据？</span>
					</div>
					<div class="text-c" style="margin-top: 20px;">
						<input type="button" value="是" class="btn-hov" style="width: 50px;" />
						<input type="button" value="否" class="cbtn-hov" style="width: 50px;margin-left: 30px;" />
					</div>

				</form>
			</div>
		</div>
	</div>
	<!-- 提示 end -->


</body>

</html>